<template>
  <div>
    <div class="row">
      <Action action='clear()'>终止所有任务</Action>
    </div>
    <div class="row">
      <Action action='record()'>录制</Action>
      <Action action='play()'>播放</Action>
      <Action action='autoPlay()'>循环播放</Action>
      <Action action='moveToStart()'>播放定位</Action>
    </div>

    <div class="row">
      <div class="text">设置循环间隔</div>
      <input type="text" class="second" v-model="playDur">
      <div class="text" style="margin: 0 0.5em">秒</div>
      <Action :action="`setAutoPlayDur(${this.playDur})`">确认</Action>
    </div>

  </div>
</template>


<script>
import Action from '../components/Action'

export default {
  name: 'Home',
  components: {
    Action,
  },
  data() {
    return {
      playDur: '100'
    }
  },
  methods: {

  },
  mounted() {
    
  }
}
</script>

<style scoped>

.second {
  width: 5rem;
  margin: 0 0.5em;
  text-align: center;
}
</style>
